@media screen and (max-width:1024px){
    .main-table {
	margin-top: 43px;
	width: 500px;
    }
}

@media screen and (max-width:590px){
    .main-table {
	margin-top: 0px;
	width: 400px;
    }
}

@media screen and (min-width: 1025px) {
    .main-table {
	margin-top: 30px;
	width: 700px;
    }
}

.subtitle {
    margin-left: 20px;
    margin-top: -30px;
}

.activity-name-span {
    line-height: 18px !important;;
    width: auto !important;
    padding: 22px 0 !important;
}

@media screen and (max-width: 500px) {
    .hide-below-500 {
        display: none;
    }
}
